<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>navigation</title>
    <link href="../style.css" rel="stylesheet" type="text/css">
    <link href="blog-style.css" rel="stylesheet" type="text/css">
    <style>
        div.navigation-blog{
            text-align: left;
            margin-left: 20%;
            margin-right: 10%;
            width: 300px;
        }
        h4{
            margin: 8px;
        }
        li{
            margin: 10px;
        }
    </style>
</head>
<body>
    <div class="navigation-blog" style="margin-top: 50px">
        <h4><a href="classify/classify1.html" target="_top">从零开始的建站</a></h4>
        <p class="colored-line" style="background: #f16c20;width:115px;margin: 0;margin-left: 8px"></p>
        <ol>
            <li><a class="link" href="article/blog3.html" target="_top">购买一台阿里云的学生机</a></li>
            <li><a class="link" href="article/blog2.html" target="_top">配置Apache+MariaDB+PHP</a></li>
            <li><a class="link" href="article/blog1.html" target="_top">搭建WordPress站点</a></li>
        </ol>
    </div>
    <div class="navigation-blog">
        <h4><a href="classify/classify2.html" target="_top">Construct2游戏</a></h4>
        <p class="colored-line" style="background: #f16c20;width:125px;margin: 0;margin-left: 8px"></p>
        <ol>
            <li><a class="link" href="article/blog5.html" target="_top">珠海浮生记</a></li>
            <li><a class="link" href="article/blog4.html" target="_top">Tank Battle</a></li>
        </ol>
    </div>
</body>
</html>